<template>
  <div id="pro">
    <div class="top">
      <p>Atmosphere</p>
      <i>
         Once when I was six years old I saw a magnificent picture in a book,
      called True Stories from Nature, about the primeval forest. It was a
      picture of a boa constrictor in the act of swallowing an animal. Here is a
      copy of the drawing.
      </i>
    </div>
    <el-button type="success" @click="enter">Find Data</el-button>
    <div class="connect">
      Once when I was six years old I saw a magnificent picture in a book,
      called True Stories from Nature, about the primeval forest. It was a
      picture of a boa constrictor in the act of swallowing an animal. Here is a
      copy of the drawing.In the book it said: “Boa constrictors swallow their
      prey whole, without chewing it. After that they are not able to move, and
      they sleep through the six months that they need for digestion.” I
      pondered deeply, then, over the adventures of the jungle. And after some
      work with a colored pencil I succeeded in making my first drawing. My
      Drawing Number One. It looked like this:
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    enter() {
      this.$router.push({
        path: "/home",
      });
    },
  },
};
</script>

<style scoped lang="scss">
#pro {
  width: 100%;
  height: 900px;
  overflow: hidden;
  .top {
    // width: 100%;
    // height: 200px;
    background-image: url("@/assets/image/title_4.png");
    // overflow: hidden;
    p {
      font-size: 20px;
      margin-top: 20px;
      margin-left: 92px;
    }
    i{
       margin-left: 92px;
    }
  }
  button {
    margin-left: 100px;
  }
  .connect {
    margin-top: 50px;
    margin-left: 100px;
  }
}
</style>